<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>History</title>
</head>
<body>
    <h1>History</h1>
    <button id="btn">button</button>
</body>
</html>
<script>
    /*
        History ⭐📌
            - 对象可以用来操作浏览器向前或向后翻页
    */

    /*
        length ⭐📌
            - 属性，可以获取到当前 访问的链接数量
    */
   
    // alert(history.length);

    var btn = document.getElementById("btn");
    btn.onclick= function(){
        /*
            back() 回退 ⭐
                - 可以用来回退到上一个页面，作用和浏览器的回退按钮一样
        */
        history.back();
        /*
            forward() 前进 ⭐
                - 可以跳转下一个页面，作用和浏览器的前进按钮一样
        */
        history.back();
        /*
            go() ⭐⭐📌
                - 可以用来跳转到指定的页面
                - 他需要一个整数作为参数
                    1:表示向前跳转 1 个页面 相当于 forward()
                    2:表示向前跳转 2 个页面
                    -1:表示向后跳转 1 个页面 相当于 back()
                    -2:表示向后跳转 2 个页面
        */
    }
</script>